<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>彩矿家 - 彩矿家日记</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  <![endif]-->
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/libs/pagination/pagination.css">
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/style/reset.css" />
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/style/journal.css" />
  
</head>

<body>
  <div class="container">
    
    <include file="./Application/Home/View/Index/inc/header.html" />

    <div class="banner">
      <img src="__PUBLIC__/images/journal_banner.jpg" alt="">
    </div>
    <div class="journal-list-wrapper">
      <div class="title-area clear-fix">
        <div class="left f-left">
          彩矿家日记<span>/ Miner's life</span>
        </div>
        <div class="right f-right">
          <a class="{$cutype == '' ? 'active' : ''}" href="{:U('journal')}">全部</a>/
          <foreach name="ntype" item="t">
            <a href="{:U('journal', 't='.$t['id'])}" class="{$cutype == $t['id'] ? 'active' : ''}">{$t.name}</a>/
          </foreach>
          <!-- <a href="#">彩矿家的生活</a>/
          <a href="#">背后的故事</a>/
          <a href="#">珠宝知识</a>/
          <a class="last" href="#">企业文化</a> -->
        </div>
      </div>
      <div class="article-list">
        <ul>
            <!-- <li class="list-item clear-fix">
              <div class="left f-left">
                <img src="__PUBLIC__/images/article_1.jpg" alt="">
              </div>
              <div class="center f-left">
                <p class="title">从蝴蝶翅膀看哥伦比亚祖母绿的魅力</p>
                <p class="discrition">话说我去哥伦比亚祖母绿矿区的时候，当地的矿工告诉我，他们特别希望能看到当地的一
                  种蓝色蝴蝶，因为这种蝴蝶代表着独一无二的运气...</p>
                  <span class="categroy jewelry">珠宝知识</span>
              </div>
              <div class="right f-right">
                <div>12.23</div>
                <a href="{:U('journalDetial')}"><div class="arrow pointer"></div></a>
              </div>
            </li> -->
          <foreach name="list" item="n">
            <li class="list-item clear-fix">
              <div class="left f-left">
                <a href="{:U('journalDetial', 'id='.$n['id'])}"><img src="{$n.pic}" alt=""></a>
              </div>
              <div class="center f-left">
                <a href="{:U('journalDetial', 'id='.$n['id'])}"><p class="title">{$n.title}</p></a>
                <p class="discrition">{$n.discrition}</p>
                <span class="categroy jewelry">{$n.typename}</span>
              </div>
              <div class="right f-right">
                <div>{$n.updatetime|date_create|date_format="m.d"}</div>
                <a href="{:U('journalDetial', 'id='.$n['id'])}"><div class="arrow pointer"></div></a>
              </div>
            </li>
          </foreach>
        </ul>
      </div>
      <!-- 分页 -->
      <!-- <div class="m-style page-box"></div> -->
    </div>
    
    <include file="./Application/Home/View/Index/inc/footer.html" /> 

  </div>
</body>
<script src="__PUBLIC__/libs/jquery.min.js"></script>
<script src="__PUBLIC__/libs/pagination/jquery.pagination.js"></script>
<script>
  $(function () {
    $('.page-box').pagination({
        mode: 'fixed',
        pageCount: 2
    });
  });
</script>
</html>